@CHARSET "UTF-8";

#profilebox {
	border			: solid gray 1px;
	margin			: 20px auto;
	padding-bottom	: 10px;
	width			: 100%;/*500px;*/;
}

.name  {

	padding				: 5px;
	margin-bottom		: 15px;

	color				: #333;

	text-shadow:
						  1px 1px 0 #fff;

	background			: #fff;
	border-top			: #333 solid 3px;
	border-bottom		: #333 solid 3px;
    background-image	: -webkit-gradient(linear, left top, right bottom,
							from(			rgba(255, 255, 255, 0.0)),
							color-stop(0.4, rgba(255, 255, 255, 0.0)),
							color-stop(0.4, rgba(0, 0, 0, 0.1)),
							color-stop(0.6, rgba(0, 0, 0, 0.1)),
							color-stop(0.6, rgba(255, 255, 255, 0.0)),
							to(				rgba(255, 255, 255, 0.0))
							);

	background-image	: -webkit-linear-gradient(top -45deg,
							transparent 40%,
				            rgba(0, 0, 0, 0.1) 40%,
				            rgba(0, 0, 0, 0.1) 60%,
				            transparent 60%
							);

	background-image	: -moz-linear-gradient(top -45deg,
							transparent 40%,
				            rgba(0, 0, 0, 0.1) 40%,
				            rgba(0, 0, 0, 0.1) 60%,
				            transparent 60%
							);

	background-image	: -o-linear-gradient(top -45deg,
							transparent 40%,
				            rgba(0, 0, 0, 0.1) 40%,
				            rgba(0, 0, 0, 0.1) 60%,
				            transparent 60%
							);
	background-image	: linear-gradient(to bottom -45deg,
							transparent 40%,
				            rgba(0, 0, 0, 0.1) 40%,
				            rgba(0, 0, 0, 0.1) 60%,
				            transparent 60%
							);
	background-size		: 4px 4px;

}


.next {

	color				: #333;
	vertical-align		: top;
	margin-top			: 20px;
	text-align			: right;



}

.next a{

	color				: #333;
	background-image	: url("../img/arrow2_e.png");/* 赤い矢印を設置 */
	background-repeat	: no-repeat;
	background-position	: left;
	padding				: 0 10px 0 15px;

}

#contentsArea {

	width	: 60%;

}